﻿<!DOCTYPE html>
<html>

<head>
<title></title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/common.css" rel="stylesheet">
<script src="js/lib/jquery-1.10.2.min.js"></script>
<script src="js/lib/bootstrap.min.js"></script>
</head>

<body>
	<!-- 底部导航开始 -->
	<ul id="myTab" class="nav nav-tabs navbar-fixed-bottom">
		<li class="active bottom-btn"><a href="#zero" data-toggle="tab"> 打印状态 </a></li>
		<li><a href="#first" data-toggle="tab">历史记录</a></li>
		<li id="f2-fresh"><a href="#" data-toggle="tab">刷新数据</a></li>
	</ul>
	<!--导航结束-->

	<div id="myTabContent" class="tab-content">
		<!--打印状态监控-->
		<div class="tab-pane active" id="zero">
			<div class="panel panel-primary">
				<div class="panel-heading">
					<h3 class="panel-title">打印进度</h3>
				</div>
				<div class="panel-body">
					<span class="text-success">当前第10/420层，已打印26%</span> <br /> <span class="text-danger">当前层固化剩余时间：<span
						id="f2-layer-last-time" class="text-danger"></span></span> <br /> <span class="text-success">总时间5:00:00，用时2:00:00，剩余时间3:00:00</span>
					<hr />
					<div class="progress progress-striped">
						<div id="print-percent" class="progress-bar progress-bar-success" role="progressbar"
							aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 90%;">90%</div>
					</div>
				</div>
			</div>
			<div class="panel panel-primary">
				<div class="panel-heading">
					<h3 class="panel-title">当前固化图像</h3>
				</div>
				<div class="panel-body">
					<div class="row text-center">

						<div class="col-md-6">
							<a href="#" class="thumbnail"> <img src="img/1.png" style="width: 5em;" alt="图像">
							</a>
						</div>
						<div class="col-md-6">
							<button id="f2-start" class="btn btn-primary">开始打印</button>
							<button id="f2-stop" class="btn btn-primary">暂停打印</button>
							<button id="f2-continue" class="btn btn-primary">继续打印</button>
						</div>
					</div>

				</div>
			</div>
			<div class="panel panel-primary">
				<div class="panel-heading">
					<h3 class="panel-title">实时打印信息</h3>
				</div>
				<div class="panel-body" id="state_txt">
					<p class="text-danger">打印进度15%</p>
					<p class="text-danger">打印进度15%</p>
					<p class="text-danger">打印进度15%</p>

				</div>
			</div>
		</div>
		<!--打印状态监控结束-->
		<!--历史记录-->
		<div class="tab-pane fade" id="first">

			<div class="panel panel-primary">
				<div class="panel-heading">
					<h3 class="panel-title">上传本地打印数据</h3>
				</div>
				<div class="panel-body">
					<div class="progress progress-striped active" style="display:">
						<div id="progressBar" style="width: 20%;" class="progress-bar  progress-bar-success">10%</div>
					</div>
					<input id="file" type="file" class="btn btn-primary btn-xs" value="选择切片压缩包" /> <label
						id="showSpeed"></label> <label name="upfileName"></label> <label name="upfileSize"></label> <label
						name="upfileType"></label><br />
					<button class="btn btn-primary " name="upload">上传本地打印数据</button>
					<button class="btn btn-primary " name="cancelUpload">取消</button>

					<hr />

				</div>
			</div>
			<div class="panel panel-primary">
				<div class="panel-heading">
					<h3 class="panel-title">历史打印记录</h3>
				</div>

				<div class="panel-body">
					<table class="table table-condensed">

						<thead>
							<tr>
								<th>模型名称</th>
								<th>图像预览</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody id="hisList">
							<tr>
								<td>Tanmay</td>
								<td><img src="img/1.png" style="height: 5em;" alt=""></td>
								<td><button class="btn btn-primary">开始打印</button>
									<button class="btn btn-danger">删除</button></td>
							</tr>
						</tbody>
					</table>

				</div>
			</div>
		</div>
		<!--历史记录结束-->
		<div class="tab-pane fade" id="s_1">
			<p>参数设置</p>
		</div>
		<div class="tab-pane fade" id="s_2">
			<p>系统设置</p>
		</div>

	</div>
</body>
<script src="js/common.js"></script>
<script src="js/upload-common.js"></script>
<script src="js/upload.js"></script>

</html>